
#index{
	width:960px;
	margin:10px auto;
	border:1px solid #18c2c8;
	background:#fff;
}
#index .area{
	width:220px;
	display:inline;
	float:left;
	border-right:1px solid #eee;
	margin:10px 0 0 20px;
}
#index .area  li{
	float:left;
	line-height:20px;
}
#index .area  li.first{
	width:200px;
	font-size:14px;
	font-weight:bold;
	padding:0 0 10px 0;
}
#index .area  li a{
	width:50px;
	display:block;
	color:#333;
}



#index .year{
	width:220px;
	display:block;
	float:left;
	border-right:1px solid #eee;
	margin:10px 0 10px 20px;
}
#index .year  li{
	float:left;
	line-height:20px;
}
#index .year  li.first{
	width:200px;
	font-size:14px;
	font-weight:bold;
	padding:0 0 10px 0;
}
#index .year  li a{
	width:50px;
	display:block;
	color:#333;
}


#index .actor{
	width:455px;
	display:block;
	float:left;
	margin:10px 0 10px 20px;
}
#index .actor  li{
	float:left;
	line-height:20px;
}
#index .actor  li.first{
	width:455px;
	font-size:14px;
	font-weight:bold;
	padding:0 0 10px 0;
}
#index .actor  li a{
	width:50px;
	display:block;
	color:#333;
}




#new{
	width:920px;
	margin:0 auto;
	background:#fff;
	border:1px solid #ccc;
	padding:10px 20px;
}
#new ul{
	width:920px;
	float:left;
	display:inline-block;
	border-bottom:1px dashed #ccc;
	position:relative;
}
#new ul.title{
	font-weight:bold;
	color:#333;
}
#new ul.title li.first{
	background:url(../images/new100.gif) no-repeat left center;
	text-indent:-9999px;
}
#new ul li{
	float:left;
	width:170px;
	text-align:center;
	font-size:14px;
	line-height:28px;
	height:30px;
	color:#666;

}
#new ul li em{
	width:50px;
	display:block;
	text-align:center;
	font-size:18px;
	float:left;
	font-family:tahoma;
	color:#ccccda;
}
#new ul li a{
	color:#444;
}
#new ul li.first{
	width:400px;
	text-align:left;
}
#new ul li.time{
	text-align:right;
}

#new ul li.detail {
 	display:none;
 	position:absolute;
 	width:350px;
 	height:132px;
 	border:1px solid #ccc;
 	background:red;
 	font-size:12px;
 	top:33px;
 	left:50px;
 	z-index:9999;
}
#new ul li.detail dl{
	background:#fff;
	width:350px;
 	height:132px;
 	display:block;
 	float:left;
}
#new ul li.detail dt{
	display:block;
	float:left;
}
#new ul li.detail dt img{
	width:95px;
	height:128px;
	padding:2px;
	border-right:1px solid #ccc;
}

#new ul li.detail dd{
	float:left;
	display:block;
	width:230px;
	text-align:left;
	line-height:21px;
	padding: 0 10px 0 10px;
	color:#444;
}
#new ul li.detail dd.bg{
	height:20px;
	line-height:20px;
	background:#000;
	position:absolute;
	width:75px;
	top:110px;
	left:2px;
	filter:alpha(opacity=50);
	 -moz-opacity:0.5;
	 -khtml-opacity: 0.5;
	 opacity: 0.5;
}
#new ul li.detail dd.info{
	height:20px;
	line-height:20px;
	position:absolute;
	width:75px;
	top:110px;
	left:2px;
	text-align:right;
	color:#fff;
}
#new ul li.detail dd.title{
	font-weight:bold;
	color:#333;
}
#new ul li.detail dd.line{
	border-top:1px solid #ccc;
}
#new ul li.detail dd.change{
	background:#fffbd1;
	height:23px;
}





form.search{
	position:relative;
	float:left;
	padding: 0 0 10px 10px;
}
form.search input.keyword {
	background:url(../images/search_box.gif) no-repeat ;
	width:465px;
	height:35px;
	line-height:35px;
	border:none;
	padding:0 0 0 5px;
	font-size:16px;
	color:#999;
	margin:0 0 1px 0;
}
form.search input.button{
	background:url(../images/search.gif) no-repeat ;
	width:19px;
	height:19px;
	border:none;
	cursor:pointer;
	position:absolute;
	right:9px;
	top:8px;
	text-indent:-9999px;
}

div.hotkey {
	height:34px;
	line-height:34px;
	overflow:hidden;
	width:460px;
	padding:0 0 0 15px;
}
div.hotkey a{
	color:#333;
}
form.search a{
	padding:0 3px;
	font-size:12px;
	color:#333;
}